/*
 *  Copyright 2022 Collate.
 *  Licensed under the Apache License, Version 2.0 (the "License");
 *  you may not use this file except in compliance with the License.
 *  You may obtain a copy of the License at
 *  http://www.apache.org/licenses/LICENSE-2.0
 *  Unless required by applicable law or agreed to in writing, software
 *  distributed under the License is distributed on an "AS IS" BASIS,
 *  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 *  See the License for the specific language governing permissions and
 *  limitations under the License.
 */

@import '../../styles/variables.less';

@trigger-btn-hover-bg: #efefef;
@remove-icon-color: #bbb;
@remove-icon-hover-color: #373737;
@update-btn-hover-bg: #e2e2e2;

.custom-dropdown-render {
  flex-direction: row-reverse;
  .ant-dropdown-menu {
    box-shadow: none;
    padding: 0px;
    max-height: 200px;
    overflow-y: scroll;
    margin-bottom: 8px;

    .ant-dropdown-menu-item {
      padding: 4px 0px;
    }
  }

  .dropdown-option-label {
    max-width: 65vw;
  }

  .update-btn {
    background-color: @primary-color;
    border-color: @primary-color;
    color: @white;
  }

  .update-btn:hover {
    background-color: @primary-7;
    color: @white;
  }

  mark {
    background-color: #ffe1a6;
  }
}

.quick-filter-dropdown-trigger-btn {
  padding: 4px 8px;

  .remove-field-icon {
    color: @remove-icon-color;
    padding-bottom: 2px;
  }

  .remove-field-icon:hover {
    color: @remove-icon-hover-color;
  }

  .active {
    .filters-label.ant-typography {
      color: @primary-color;
    }
  }

  .filters-label.ant-typography {
    color: @grey-600;
  }
}
